<template>
  <div class="other">
    <!-- <iframe src="http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx" width="1366px" height="623px" frameborder="0"/>
    <iframe src="http://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Flearn.bankofamerica.com%2Fcontent%2Fexcel%2FWedding_Budget_Planner_Spreadsheet.xlsx" width="1366px" height="623px" frameborder="0"/>
    <iframe src="http://view.officeapps.live.com/op/view.aspx?src=newteach.pbworks.com%2Ff%2Fele%2Bnewsletter.docx" width="1366px" height="623px" frameborder="0"/> -->
    
    
    <iframe :src="zhuanhuan" frameborder="0" width="1366px" height="623px"></iframe>
    <!-- <iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'></iframe> -->
    <!-- <a href="http://www.xdocin.com/xdoc?_func=to&amp;_format=html&amp;_cache=1&amp;_xdoc=http://www.xdocin.com/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a> -->
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
  data() {
    return {
      // currentUrl: 'https://view.officeapps.live.com/op/view.aspx?src=' + 'http://192.168.201.7/mes/scdd_ddhb_ddnbzl_glzd/2021-12-09/%E5%85%B3%E4%BA%8E%E6%8E%88%E4%BA%88%E5%AE%89%E7%9B%91%E5%91%98%E7%AD%89%E4%BA%94%E7%B1%BB%E4%BA%BA%E5%91%98%E9%81%87%E9%99%A9%E5%A4%84%E7%BD%AE%E6%9D%83%E5%92%8C%E7%8E%B0%E5%9C%BA%E4%BD%9C%E4%B8%9A%E4%BA%BA%E5%91%98%E7%B4%A7%E6%80%A5%E9%81%BF%E9%99%A9%E6%9D%83%E7%9A%84%E5%86%B3%E5%AE%9A4cb28bdeed79482ca87d8eda76e31647.doc',
      // currentUrl: 'https://docs.google.com/viewer?url=' + 'http://192.168.201.7/mes/scdd_ddhb_ddnbzl_glzd/2021-12-09/%E5%85%B3%E4%BA%8E%E6%8E%88%E4%BA%88%E5%AE%89%E7%9B%91%E5%91%98%E7%AD%89%E4%BA%94%E7%B1%BB%E4%BA%BA%E5%91%98%E9%81%87%E9%99%A9%E5%A4%84%E7%BD%AE%E6%9D%83%E5%92%8C%E7%8E%B0%E5%9C%BA%E4%BD%9C%E4%B8%9A%E4%BA%BA%E5%91%98%E7%B4%A7%E6%80%A5%E9%81%BF%E9%99%A9%E6%9D%83%E7%9A%84%E5%86%B3%E5%AE%9A4cb28bdeed79482ca87d8eda76e31647.doc',
      // currentUrl: 'https://view.officeapps.live.com/op/view.aspx?src=' + 'http://bladex-minio:9000/mes/scdd_ddhb_ddnbzl_glzd/2021-12-09/%E5%85%B3%E4%BA%8E%E6%8E%88%E4%BA%88%E5%AE%89%E7%9B%91%E5%91%98%E7%AD%89%E4%BA%94%E7%B1%BB%E4%BA%BA%E5%91%98%E9%81%87%E9%99%A9%E5%A4%84%E7%BD%AE%E6%9D%83%E5%92%8C%E7%8E%B0%E5%9C%BA%E4%BD%9C%E4%B8%9A%E4%BA%BA%E5%91%98%E7%B4%A7%E6%80%A5%E9%81%BF%E9%99%A9%E6%9D%83%E7%9A%84%E5%86%B3%E5%AE%9A4cb28bdeed79482ca87d8eda76e31647.doc?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minio%2F20211209%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211209T112139Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=ab8f429479f858a62621061d0a95e71a5ea7e2e42bda38b386369d24061fdbd5',
      // currentUrl: 'http://view.officeapps.live.com/op/view.aspx?src=' + this.zhuanhuan('http://192.168.201.7/gis-business/entity/111_1647668828338.doc'),
      arr: [
        'http://bladex-minio:9000/mes/scdd_ddhb_ddnbzl_glzd/2021-12-09/%E5%85%B3%E4%BA%8E%E6%8E%88%E4%BA%88%E5%AE%89%E7%9B%91%E5%91%98%E7%AD%89%E4%BA%94%E7%B1%BB%E4%BA%BA%E5%91%98%E9%81%87%E9%99%A9%E5%A4%84%E7%BD%AE%E6%9D%83%E5%92%8C%E7%8E%B0%E5%9C%BA%E4%BD%9C%E4%B8%9A%E4%BA%BA%E5%91%98%E7%B4%A7%E6%80%A5%E9%81%BF%E9%99%A9%E6%9D%83%E7%9A%84%E5%86%B3%E5%AE%9A4cb28bdeed79482ca87d8eda76e31647.doc?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minio%2F20211209%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211209T112139Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=ab8f429479f858a62621061d0a95e71a5ea7e2e42bda38b386369d24061fdbd5',
        'http://bladex-minio:9000/mes/scdd_ddhb_ddnbzl_glzd/2021-12-09/%E5%85%B3%E4%BA%8E%E4%B8%8B%E5%8F%91%E5%B7%A5%E4%BC%A4%E4%BA%8B%E6%95%85%E6%B1%87%E6%8A%A5%E7%9A%84%E8%A1%A5%E5%85%85%E8%A7%84%E5%AE%9A%E7%9A%84%E9%80%9A%E7%9F%A5%E3%80%902021%E5%B9%B412%E6%9C%883%E6%97%A5%E3%80%910e9e7f5ceb3547a29e426990f49eeb26.doc',
        'http://bladex-minio:9000/mes/scdd_ddhb_ddnbzl_glzd/2021-11-27/%E5%85%B3%E4%BA%8E%E5%8D%B0%E5%8F%91%20%E8%B0%A2%E6%A1%A5%E7%9F%BF%E8%B0%83%E5%BA%A6%E7%AE%A1%E7%90%86%E8%A7%84%E5%AE%9A%20%E7%9A%84%E9%80%9A%E7%9F%A5252a3d629f1b44749eb7c57c4bcb6e00.doc?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minio%2F20211127%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211127T005326Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=a2c25e5add39e252939bc885ba0602f36b2b516094a07cb86735596cf9e4848d',
        'http://192.168.201.7/mes/scdd_ddhb_ddnbzl_glzd/2021-12-09/%E5%85%B3%E4%BA%8E%E4%B8%8B%E5%8F%91%E5%B7%A5%E4%BC%A4%E4%BA%8B%E6%95%85%E6%B1%87%E6%8A%A5%E7%9A%84%E8%A1%A5%E5%85%85%E8%A7%84%E5%AE%9A%E7%9A%84%E9%80%9A%E7%9F%A5%E3%80%902021%E5%B9%B412%E6%9C%883%E6%97%A5%E3%80%910e9e7f5ceb3547a29e426990f49eeb26.doc'
      ]
    };
  },
  computed: {
    zhuanhuan () {
      return 'http://view.officeapps.live.com/op/view.aspx?src=' +  'http://192.168.201.7/gis-business/entity/111_1647668828338.doc'
    }
  },
  created() {
    // window.open(`https://view.officeapps.live.com/op/view.aspx?src=https://files.cnblogs.com/files/zhaozhou/新建zz.pptx`, '_blank')
    // window.open(`https://docs.google.com/viewer?url=http://bladex-minio:9000/gis-business/entity/111_1647668828338.doc`, '_blank')
  },
  methods: {
    
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.other {
  width: 100%;
  height: 500px;
  overflow: auto;
}
iframe {
  height: 100%;
  width: 100%;
}
</style>
